<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>添加</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <script src="../../../../lib/include.js"></script>

    <style>
        .form-control{margin-bottom: 8px;}
        .form-control:focus,
        .single-line:focus { border-color: #0e9aef !important;}
        .radio-inline {line-height: 5px;}
    </style>
</head>
<body class="gray-bg">
    <div class="wrapper wrapper-content" id="app" v-cloak>

        <div class="ibox float-e-margins">
            <div class="ibox-content">
                <form id="Form" autocomplete="off">
                    <div style="padding: 0">
                        <input type="hidden" name="id">
                        <input type="hidden" name="version" value="0">
                        <input type="hidden" name="isOperator" value="0">
                        <div class="form-group">
                            <label class="col-sm-2 control-label">类型</label>
                            <div class="col-sm-10" id="typeRadio">
                                <label class="radio-inline i-checks">
                                    <input type="radio" name="type" value="0" checked> 模块
                                </label>
                                <label class="radio-inline i-checks">
                                    <input type="radio" name="type" value="1" > 目录
                                </label>
                                <label class="radio-inline i-checks">
                                    <input type="radio" name="type" value="2" > 菜单
                                </label>
                                <label class="radio-inline i-checks">
                                    <input type="radio" name="type" value="3" > 按钮
                                </label>
                            </div>
                            <div style="clear:both;"></div>
                        </div>
                        <div class="form-group pid">
                            <label class="col-sm-2 control-label">上级菜单</label>
                            <div class="col-sm-10">
                                <select class="form-control" id="pid" name="pid">
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">权限名称</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" name="name" placeholder="请输入权限名称">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">图标</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" name="icon" placeholder="请输入图标图标">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">排序</label>
                            <div class="col-sm-10">
                                <input type="number" class="form-control" name="sort" placeholder="请输入排序">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">权限编码</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" name="permCode" placeholder="请输入权限编码">
                            </div>
                        </div>
                        <div class="form-group url">
                            <label class="col-sm-2 control-label">url</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" name="url" placeholder="请输入url">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">描述</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" name="description" placeholder="请输入描述">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">状态</label>
                            <div class="col-sm-10">
                                <label class="radio-inline i-checks">
                                    <input type="radio" name="status" value="1" checked> 启用
                                </label>
                                <label class="radio-inline i-checks">
                                    <input type="radio" name="status" value="0" > 禁用
                                </label>
                            </div>
                        </div>
                    </div>

                    <div style="text-align: center">
                        <a href="javascript:parent.layer.closeAll();" class="btn btn-default" style="width: 10%;">关 闭</a>
                        <button type="submit" class="btn btn-primary" style="width: 10%;" v-if="permission(0)" >保存</button>
                        <button type="submit" class="btn btn-primary" style="width: 10%;" v-else="permission(1)" >保存</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <script src="../../../../js/sys-manage/security/permission/edit.js"></script>
</body>
</html>
